﻿@{
    ViewBag.Title = "产品列表";
    Layout = "~/Areas/Shared/_spEdit.cshtml";
   
}
@model Kaiser.Modules.Hiner.Models.Product.ProductBase
<style type="text/css">
    body
    {
        height: 100%;
        margin: 0px;
        padding: 0px;
    }
    
    .divContent
    {
        margin: 2px 2px 2px 2px;
        border: solid 1px #000000;
        text-align: center;
    }
</style>
<div>
    <div class="pic_bg">
        <div class="divContent" style="width: 30%; float: left;">
            HDE Code<hr />
            <h3>
                @Model.ProductHDECode</h3>
        </div>
        <div class="divContent" style="width: 30%; float: left;">
            Product Item<hr />
            <h3>
                @Model.ProductName</h3>
        </div>
        <div class="divContent" style="width: 30%; float: left;">
            HINNER Code<hr />
            <h3>
                @Model.ProductHinerCode</h3>
        </div>
    </div>
    <div class="pic_bg">
        <div class="divContent" style="width: 30%; float: left; height: 170px">
            <img style="width: 100%; height: 100%" src="@Model.ProductImgUrl" />
        </div>
        <div class="divContent" style="width: 30%; float: left; margin: 2px 0px 2px 2px;">
            OE Ref.
            <div style="width: 50%; float: left; border: solid 1px #000000; border-left: 0px">
                @Model.ProductOERef
            </div>
            <div style="width: 49.2%; float: left; border: solid 1px #000000; border-right: 0px">
                @Model.ProductOERef
            </div>
            <div style="width: 50%; float: left; border: solid 1px #000000; border-left: 0px">
                @Model.ProductOERef
            </div>
            <div style="width: 49.2%; float: left; border: solid 1px #000000; border-right: 0px">
                @Model.ProductOERef
            </div>
            <div style="width: 50%; float: left; border: solid 1px #000000; border-left: 0px">
                @Model.ProductOERef
            </div>
            <div style="width: 49.2%; float: left; border: solid 1px #000000; border-right: 0px">
                @Model.ProductOERef
            </div>
        </div>
        <div class="divContent" style="width: 30%; float: left;">
            <div style="width: 50%; float: left; border: solid 1px #000000; border-left: 0px;
                border-top: 0px">
                <b>N.Wt</b>
            </div>
            <div style="width: 49.2%; float: left; border: solid 1px #000000; border-right: 0px;
                border-top: 0px">
                @Model.Nwt
            </div>
            <div style="width: 50%; float: left; border: solid 1px #000000; border-left: 0px;
                border-top: 0px">
                <b>G.Wt</b>
            </div>
            <div style="width: 49.2%; float: left; border: solid 1px #000000; border-right: 0px;
                border-top: 0px">
                @Model.Gwt
            </div>
            <div style="width: 50%; float: left; border: solid 1px #000000; border-left: 0px;
                border-top: 0px">
                <b>PCS/CTN</b>
            </div>
            <div style="width: 49.2%; float: left; border: solid 1px #000000; border-right: 0px;
                border-top: 0px">
                @Model.PcsCtn
            </div>
            <div style="width: 50%; float: left; border: solid 1px #000000; border-left: 0px;
                border-top: 0px">
                <b>C/Wt.</b>
            </div>
            <div style="width: 49.2%; float: left; border: solid 1px #000000; border-right: 0px;
                border-top: 0px">
                @Model.CWt
            </div>
        </div>
        <div class="divContent" style="width: 60%; float: left;">
            <div style="width: 50%; float: left; border: solid 1px #000000; border-left: 0px;
                border-top: 0px">
                <b>Car Model</b>
            </div>
            <div style="width: 49.2%; float: left; border: solid 1px #000000; border-right: 0px;
                border-top: 0px">
                <b>Description</b>
            </div>
            <div style="width: 50%; float: left; border: solid 1px #000000; border-left: 0px;
                border-top: 0px">
                @Model.ProductCarModel
            </div>
            <div style="width: 49.2%; float: left; border: solid 1px #000000; border-right: 0px;
                border-top: 0px">
                @Model.ProductDepict
            </div>
        </div>
    </div>
    <div class="pic_bg">
        <div class="divContent" style="width: 90%; float: left; text-align: left">
            <div class="divContent" style="width: 90px">
                <h3>
                    PACKING</h3>
            </div>
            <div class="divContent" style="width: 33%; float: left;">
                <h5>
                    Inner</h5>
                <hr />
                <img style="width: 100%; height: 100%" src="@Model.InnerPackageImgUrl" /></div>
            <div class="divContent" style="width: 33%; float: left;">
                <h5>
                    Outer</h5>
                <hr />
                <img style="width: 100%; height: 100%" src="@Model.OuterPackageImgUrl" /></div>
            <div class="divContent" style="width: 31.5%; float: left;">
                <h5>
                    Label</h5>
                <hr />
                <img style="width: 100%; height: 100%" src="@Model.LabelImgUrl" /></div>
        </div>
    </div>
    <div class="pic_bg">
        <div class="divContent" style="width: 90%; float: left; text-align: left">
            <div class="divContent" style="width: 150px">
                <h3>
                    PRODUCT SHOW</h3>
            </div>
            @foreach (var item in Model.PhotoList)
            {
                <div class="divContent" style="width: 20%; float: left;">
                <img style="width: 100%; height: 100%" src="@item.SourceUrl" /></div>
            }
 
        </div>
    </div>
    <div class="pic_bg">
        <div class="divContent" style="width: 90%; float: left; text-align: left; text-align: center">
            <div style="width: 20%; float: left; border: solid 1px #000000; border-left: 0px;
                border-top: 0px">
                <b>No.</b>
            </div>
            <div style="width: 20%; float: left; border: solid 1px #000000; border-left: 0px;
                border-top: 0px">
                <b>SUPPLIER</b>
            </div>
            <div style="width: 20%; float: left; border: solid 1px #000000; border-left: 0px;
                border-top: 0px">
                <b>SUP.ITEM</b>
            </div>
            <div style="width: 20%; float: left; border: solid 1px #000000; border-left: 0px;
                border-top: 0px">
                <b>FOB NingBo$</b>
            </div>
            <div style="width: 19.7%; float: left; border: solid 1px #000000; border-left: 0px;
                border-top: 0px; border-right: 0px">
                <b>NOTE</b>
            </div>
            <div style="width: 20%; float: left; border: solid 1px #000000; border-left: 0px;
                border-top: 0px">
                1
            </div>
            <div style="width: 7%; float: left; border: solid 1px #000000; border-left: 0px;
                border-top: 0px">
                8001
            </div>
            <div style="width: 7%; float: left; border: solid 1px #000000; border-left: 0px;
                border-top: 0px">
                A
            </div>
            <div style="width: 5.8%; float: left; border: solid 1px #000000; border-left: 0px;
                border-top: 0px">
                信品
            </div>
            <div style="width: 20%; float: left; border: solid 1px #000000; border-left: 0px;
                border-top: 0px">
                50018
            </div>
            <div style="width: 20%; float: left; border: solid 1px #000000; border-left: 0px;
                border-top: 0px">
                $5.00
            </div>
            <div style="width: 19.7%; float: left; border: solid 1px #000000; border-left: 0px;
                border-top: 0px; border-right: 0px">
                LOGO1
            </div>
        </div>
    </div>
</div>
